<template>
  <div class="page-container">
    <!-- 头部 -->
    <div class="page-header">
      <van-nav-bar :fixed="true">
      </van-nav-bar>
      <van-tabs>
        <van-tab
            v-for="(item,index) in list"
            :key="index"
            :title="item.title">

        </van-tab>
      </van-tabs>
    </div>

  </div>
</template>

<script>
export default {
  name: "Page",
  data(){
    return{
      list:[
        {title:'关注'},{title:'推荐'},{title:'热榜'},{title:'直播'},
        {title:'动态'},{title:'学习'},{title:'书吧'},{title:'更多'},
      ]
    }
  },
  methods:{
    clearSearchInput() {
      this.value = '';
    }
  }
}
</script>

<style lang="less" scoped>
.page-container{
  padding: 46px 0 50px 0;
  .page-header{
    .van-nav-bar{
      //background: -webkit-linear-gradient(left,#151078, #319572,#2D9EBD);
      background: -webkit-linear-gradient(left, #FAEFF7,#EAE9FB,#E5F3FC);
    }
    .van-tab{

    }
  }
}

</style>